<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"/>
    <title>index</title>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="less/goodsList.css"/>
</head>
<body>
    <div class='mainPage'>
        <header>
            <a href="javascript:;"><img src="images/index/header_logo.png" alt="" class="logo"/></a>
            <a href="javascript:;"><img src="images/index/header_app.png" alt="" class="app"/></a>
        </header>
        <div class='content'>
            <!--搜索栏-->
            <form action="" class="clearfix">
                <div class="searchBar">
                    <div class="searchContainer">
                        <input type="search" id="searchText" placeholder="请输入你想比价的商品"/>
                        <input type="submit" id="searchSubmit" value="搜索"/>
                    </div>
                </div>
            </form>
            <!--三级菜单-->
            <div class="menu">
                <!--<p class="links"><a href="javascript:;">首页</a>><a href="javascript:;">全部分类</a>><a href="javascript:;">电视</a></p>-->

                <form action="">
                    <input type="button" class="filter" value="筛选"/>
                </form>
            </div>
            <!--商品列表-->
            <div class='goodsList clearfix'>
            </div>
            <!--页面选择器-->
            <div class="pageSelect clearfix">
                <div class="pPage">上一页</div>
                <select class="wPage" name="" id="">

                </select>
                <div class="nPage">下一页</div>
            </div>
            <!--网页底部-->
            <div class="bottom clearfix">
                <div class="footTop clearfix">
                    <a href="javascript:;" class="logIn f_left">登录</a>
                    <a href="javascript:;" class="register f_left">注册</a>
                    <a href="#" class="backTop f_left">
                        <img src="images/index/top.jpg" alt=""/>返回顶部
                    </a>
                </div>
                <div class="footer">
                    <p><a href="javascript:;">手机APP下载</a>
                        <a href="javascript:;">慢慢买手机版</a>
                        --掌上手机平台
                    </p>
                    <p>m.manmanbuy.com</p>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="js/url.js"></script>
<script src="lib/jquery/jquery.min.js"></script>
<script src="lib/flexible/flexible.js"></script>
<script src="lib/template/template.js"></script>
<script src="js/goodsList.js"></script>
<!--菜单模版-->
<script type="text/html" id="title">
    {{each result as value}}
    <p class="links"><a href="index.html">首页</a>><a href="category.html">全部分类</a>><a href="javascript:;" class="category">{{value.category}}</a></p>
    {{/each}}
</script>
<!--列表模版-->
<script type="text/html" id="list">
    {{each result as value}}
    <a href="proDetail.html?productCom={{value.productCom}}&category={{value.category}}&productId={{value.productId}}" class='lItem clearfix' id="{{value.productId}}">
        <div class="item clearfix">
            <img src="images/goodsList/example.jpg" alt=""/>
            <div class="des">
                <div class="name">
                    {{value.productName}}
                </div>
                <div class="price">
                    <em>¥</em>
                    {{/\d+/.exec(value.productPrice)[0]}}
                </div>
                <div class="other">
                    <p>{{value.productQuote}}</p>
                    <p>有{{/\d+/.exec(value.productCom)[0]}}个人评论</p>
                </div>
            </div>
        </div>
    </a>
    {{/each}}
</script>
</html>